// 搜索表单配置
export const queryFormConfig = {
    // 配置表单整体栅格
    rowLayout: {
        // 对应 el-row api 属性
        gutter: 20,
        // type: "flex",
        // justify: "center"
    },
    // 表单循环每一项
    formItems: [
        {
            // 可不配置 内部组件做了默认值处理
            show: true,
            // 服务端需要接收的key
            field: 'username',
            // 表单选项label
            label: '用户姓名',
            // 自定义类型 映射 elementplus 组件 （ui-form中处理）
            type: 'input',
            // elementplus 组件 api 绑定的属性
            attributes: {
                placeholder: '请输入用户姓名',
                // 可不配置 内部组件做了默认值处理
                disabled: false
            },
            // 表单每一选项 栅格排版 el-col api 绑定属性
            // 可不配置 内部组件做了默认值处理
            colLayout: {
                xl: 6,
                lg: 6,
                md: 24,
                sm: 24,
                xs: 24
            }
        },
        {
            field: 'phone',
            label: '用户电话',
            type: 'input',
            attributes: {
                placeholder: '请输入用户电话',
            },
            // 表单每一选项 栅格排版 el-col api 绑定属性
            // 可不配置 内部组件做了默认值处理
            colLayout: {
                xl: 6,
                lg: 6,
                md: 24,
                sm: 24,
                xs: 24
            }
        },
        {
            field: 'vocation',
            type: 'select',
            label: '用户职业',
            options: [
                { value: "doctor", label: "医生" },
                { value: "soldier", label: "军人" },
            ],
            attributes: {
                placeholder: '请选择性别',
            },
            colLayout: {
                xl: 6,
                lg: 6,
                md: 24,
                sm: 24,
                xs: 24
            }
        },
        {
            field: 'registerRange',
            type: 'dateRange',
            label: '创建时间',
            attributes: {
                // 配置和element ui 组件对应的属性 在UiForm内部 直接就可使用 v-bind直接进行绑定
                format: "YYYY-MM-DD",
                valueFormat: "YYYY-MM-DD",
                startPlaceholder: '开始时间',
                endPlaceholder: '结束时间',
                type: 'daterange'
            },
            colLayout: {
                xl: 6,
                lg: 6,
                md: 24,
                sm: 24,
                xs: 24
            }
        },
        // 最后一项插槽
        {
            // 类型为插槽
            type: 'custom-slot',
            colLayout: { xl: 12, lg: 12, md: 24, sm: 24, xs: 24 }
        }
    ],
    // 表单组件属性
    formAttributes: {
        labelWidth: '70px',
        inline: false,
        disabled: false
    }
}